<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>
<body>
    <div id="wrap">
        <!-- 网页头部 -->
        <div class="header">
            <span class="iconfont icon-bell"></span>
            <img src="images/logo.png" alt="">
            <span class="iconfont icon-fangdajing"></span>
        </div>

        <!-- main -->
        <div class="main">

            <!-- banner -->
            <div class="banner">
                <img src="images/banner.jpg" alt="">
            </div>

            <!-- nav -->
            <div class="nav">
                <a href="#">
                    <em><img src="images/icon1.png" alt=""></em>
                    <span>每日秒杀</span>
                </a>
                <a href="#">
                    <em><img src="images/icon2.png" alt=""></em>
                    <span>领券中心</span>
                </a>
                <a href="#">
                    <em><img src="images/icon3.png" alt=""></em>
                    <span>新人专享</span>
                </a>
                <a href="#">
                    <em><img src="images/icon4.png" alt=""></em>
                    <span>上新好物</span>
                </a>
            </div>

            <!-- bg -->
            <div class="bg">
                <p>
                    <span>最新</span>
                    涂上大红唇，泫雅妆容get
                </p>
                <p>
                    <span>最新</span>
                    噢，高光！我的生命之光
                </p>
            </div>


            <!-- list1 -->

            <div class="list">
                <div class='list1-banner'>
                    <img src="images/list1.jpg" alt="">
                </div>


                <div class="list-lb">
                    <a>
                        <em><img src="images/list1-1.jpg" alt=""></em>
                        <b>INNISFREE悦诗风吟绿茶保湿平衡两件套盒</b>
                        <span>￥162</span>
                    </a>
                    <a>
                        <em><img src="images/list1-2.jpg" alt=""></em>
                        <b>LANEIGE兰芝 雪纱防晒隔离霜紫色</b>
                        <span>￥127</span>
                    </a>
                    <a>
                        <em><img src="images/list1-3.jpg" alt=""></em>
                        <b>季然生活 全棉印花夏被 化羽 150*200cm</b>
                        <span>￥98</span>
                    </a>
                    <a>
                        <em><img src="images/list1-4.jpg" alt=""></em>
                        <b>INNISFREE悦诗风吟绿茶保湿平衡两件套盒</b>
                        <span>￥162</span>
                    </a>
                    <a>
                        <em><img src="images/list1-5.jpg" alt=""></em>
                        <b>LANEIGE兰芝 雪纱防晒隔离霜紫色</b>
                        <span>￥127</span>
                    </a>
                    <a>
                        <em><img src="images/list1-6.jpg" alt=""></em>
                        <b>季然生活 全棉印花夏被 化羽 150*200cm</b>
                        <span>￥98</span>
                    </a>
                </div>
            </div>


            <div class='list1-banner'>
                <img src="images/list2.jpg" alt="">
            </div>

            
            <div class="list-lb">
                <a>
                    <em><img src="images/list2-1.jpg" alt=""></em>
                    <b>INNISFREE悦诗风吟绿茶保湿平衡两件套盒</b>
                    <span>￥162</span>
                </a>
                <a>
                    <em><img src="images/list2-2.jpg" alt=""></em>
                    <b>LANEIGE兰芝 雪纱防晒隔离霜紫色</b>
                    <span>￥127</span>
                </a>
                <a>
                    <em><img src="images/list2-3.jpg" alt=""></em>
                    <b>季然生活 全棉印花夏被 化羽 150*200cm</b>
                    <span>￥98</span>
                </a>
                <a>
                    <em><img src="images/list2-4.jpg" alt=""></em>
                    <b>INNISFREE悦诗风吟绿茶保湿平衡两件套盒</b>
                    <span>￥162</span>
                </a>
                <a>
                    <em><img src="images/list1-5.jpg" alt=""></em>
                    <b>LANEIGE兰芝 雪纱防晒隔离霜紫色</b>
                    <span>￥127</span>
                </a>
                <a>
                    <em><img src="images/list1-6.jpg" alt=""></em>
                    <b>季然生活 全棉印花夏被 化羽 150*200cm</b>
                    <span>￥98</span>
                </a>
            </div>


            <div class="qqbm">
                <p>
                    <span>/</span>
                    <span>全</span>
                    <span>球</span>
                    <span>必</span>
                    <span>买</span>
                    <span>/</span>
                </p>
                <p>
                    HOT GOOD
                </p>
            </div>


            <div class="hot">
                    <a href="#">
                        <div>
                            <img src="images/img1.jpg" alt="">
                        </div>
                        <p>Whoo后 拱辰享 天气丹 水乳霜套餐</p>
                        <p>
                            <span>￥349</span>
                            <span>法国</span>
                        </p>
                    </a>
                    <a href="#">
                        <div>
                            <img src="images/img2.jpg" alt="">
                        </div>
                        <p>Whoo后 拱辰享 天气丹 水乳霜套餐</p>
                        <p>
                            <span>￥349</span>
                            <span>法国</span>
                        </p>
                    </a>
                    <a href="#">
                        <div>
                            <img src="images/img3.jpg" alt="">
                        </div>
                        <p>Whoo后 拱辰享 天气丹 水乳霜套餐</p>
                        <p>
                            <span>￥349</span>
                            <span>法国</span>
                        </p>
                    </a>
                    <a href="#">
                        <div>
                            <img src="images/img4.jpg" alt="">
                        </div>
                        <p>Whoo后 拱辰享 天气丹 水乳霜套餐</p>
                        <p>
                            <span>￥349</span>
                            <span>法国</span>
                        </p>
                    </a>
                    <a href="#">
                        <div>
                            <img src="images/img5.jpg" alt="">
                        </div>
                        <p>Whoo后 拱辰享 天气丹 水乳霜套餐</p>
                        <p>
                            <span>￥349</span>
                            <span>法国</span>
                        </p>
                    </a>
                    <a href="#">
                        <div>
                            <img src="images/img6.jpg" alt="">
                        </div>
                        <p>Whoo后 拱辰享 天气丹 水乳霜套餐</p>
                        <p>
                            <span>￥349</span>
                            <span>法国</span>
                        </p>
                    </a>
            </div>
        </div>




        <!-- footer -->
        <div class="footer">
            <a href="#">
                <em>
                    <img src="images/tab1-2.png" alt="">
                </em>
                <span>首页</span>
            </a>
            <a href="#">
                <em>
                    <img src="images/tab2.png" alt="">
                </em>
                <span>分类</span>
            </a>
            <a href="#">
                <em>
                    <img src="images/tab3.png" alt="">
                </em>
                <span>
                    购物车
                </span>
            </a>
            <a href="#">
                <em>
                    <img src="images/tab4.png" alt="">
                </em>
                <span>我的</span>
            </a>
        </div>
    </div>
</body>
</html>